/* Reset CSS
		 * --------------------------------------- */
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
		form,fieldset,input,textarea,p,blockquote,th,td {
		    padding: 0;
		    margin: 0;
		}
		a{
			text-decoration:none;
		}
		table {
		    border-spacing: 0;
		}
		fieldset,img {
		    border: 0;
		}
		address,caption,cite,code,dfn,em,strong,th,var {
		    font-weight: normal;
		    font-style: normal;
		}
		strong{
			font-weight: bold;
		}
		ol,ul {
		    list-style: none;
		    margin:0;
		    padding:0;
		}
		caption,th {
		    text-align: left;

		}
		h1,h2,h3,h4,h5,h6 {
		    font-weight: normal;
		    font-size: 100%;
		    margin:0;
		    padding:0;
		    color:#444;
		}
		q:before,q:after {
		    content:'';
		}
		abbr,acronym { border: 0;
		}


		/* Custom CSS
		 * --------------------------------------- */
		body{
			font-family: arial,helvetica;
			color: #F2F2F2;
		}
		h1{
			font-size: 6em;
		}

		.content{
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			text-align: center;
		}

	
		
.index-nav {
	position:fixed;
	z-index: 1000;
	width:100%;
	height:70px;
	font-size:17px;
}
.yfunav {
	height:100%;
	background-color:rgba(255,255,255,0.9)/*背景颜色白色，50%透明度*/;
	
}
.yfunavtitle {
	width:100%;
	
}

.center-vertical{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
} 
.nav-tabs {
     border-bottom: 0px solid #ddd; 
}
.dropdown-menu li {
	height:40px;
	border-bottom: 1px solid #f0f0f0;
	line-height: 40px;
	text-align: center;
}

.dropdown-menu li:last-child {
	height:40px;
	line-height: 40px;
	text-align: center;
	border-bottom: 0px solid #f0f0f0;
}

.dropdown-menu li a{
	height:40px;
	line-height: 40px;
	font-weight: normal;
}

.dropdown-menu>li>a:hover{
	background:cornflowerblue;
	color:white
}
.height100 {
	height:100%
}
.nav>li>a{
	color:#000;
	font-weight: normal;
}

.red-color {
	color: cornflowerblue
}
.nav>li>a:hover{
	background:transparent;
	color:cornflowerblue
}

 .nav > li .dropdown-menu {  
     margin: 0;  
 }  
.nav > li:hover .dropdown-menu {  
    display: block;  
} 
.dropdown-menu {
	margin-top:20px
}
.graycolor {
	color:#a0a0a0
}
.white-color {
	color:white
}
.font25 {
	font-size: 25px;
}
.font20 {
	font-size: 20px;
}
.floatleft {
	float:left
}
.textleft {
	animation-name: texttoleft;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-fill-mode : forwards 
}


@keyframes texttoleft
{
	0%   {margin-left:200px}
	25%   {margin-left:150px}
	50%   {margin-left:100px}
	75%   {margin-left:50px}
	100%   {margin-left:0px}
}

.textright {
	animation-name: texttoright;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-fill-mode : forwards 
}


@keyframes texttoright
{
	0%   {margin-left:0px}
	25%   {margin-left:50px}
	50%   {margin-left:100px}
	75%   {margin-left:150px}
	100%   {margin-left:200px}
}
.margin200 {
	margin-left:200px
}

.introtext-first {
	margin-left:200px;
	margin-top:200px;
}

.introtextleft {
	animation-name: introtexttoleft;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-fill-mode : forwards 
}


@keyframes introtexttoleft
{
	0%   {margin-left:200px;margin-top:200px;}
	25%   {margin-left:150px;margin-top:150px;}
	50%   {margin-left:100px;margin-top:100px;}
	75%   {margin-left:50px;margin-top:50px;}
	100%   {margin-left:0px;margin-top:0px;}
}

.introtextright {
	animation-name: introtexttoright;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-fill-mode : forwards 
}


@keyframes introtexttoright
{
	0%   {margin-left:0px;margin-top:0px;}
	25%   {margin-left:50px;margin-top:50px;}
	50%   {margin-left:100px;margin-top:100px;}
	75%   {margin-left:150px;margin-top:150px;}
	100%  {margin-left:200px;margin-top:200px;} 
}

/* jswbox */
#jswbox{width:100%;height:100%;margin:0 auto;position:relative;left:200px}
#jswbox ul{position:relative;height:100%;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:152px;left:10px;}
#jswbox li img{width:100%;height:100%;vertical-align:top;float:left;}
#jswbox .prev, #jswbox .next{display:none;}

.maincolor {
	color:cornflowerblue
}
.cicle {
	width: 20px;
	height: 20px;
	background-color: dodgerblue;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.line{
	float: left; width: 0.2em; background: darkgray;}

.goodcontent p{position: relative; line-height: 20px; max-height: 20px;overflow: hidden; font-size: 13px; }
.goodcontent p::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
	background: -webkit-linear-gradient(left, transparent,lightgray 55%);
	background: -o-linear-gradient(right, transparent, lightgray 55%);
	background: -moz-linear-gradient(right, transparent, lightgray 55%);
	background: linear-gradient(to right, transparent, #fff 55%);
}
